import Guide from '@/components/Guide';
import { PageContainer } from '@ant-design/pro-components';
import { useModel } from '@umijs/max';
import { Button } from 'antd';
import { trim } from 'lodash-es';
import { useState } from 'react';
import styles from './index.less';
const HomePage: React.FC = () => {
  const [count, setCount] = useState(0);
  const { name } = useModel('global');


  return (
    <PageContainer ghost>
      <div className={styles.container}>
        <div>
          <Button onClick={() => setCount((c) => c + 1)}>+</Button>
        </div>
        <Guide name={trim(name)} />
      </div>
    </PageContainer>
  );
};

export default HomePage;
